<!DOCTYPE html>
<html>
<head>
	<title></title>
<!--
绑定事件的方式：
	1.行内绑定
	<button onclick="alert('啧啧')">
	精神小伙</button>
	2.动态绑定
	对象.on事件 = function(){}响应事件
	3.添加事件监听
	addEventListener
	add添加 Event事件 Listne监听 nr拟人化
	第一个参数 字符串形式 事件名
	第二个参数 函数function
	第三个默认 事件句柄在冒泡阶段执行
		true 事件句柄在捕获阶段执行
		falsle 默认。事件句柄在冒泡阶段执行
	div.addEventListener("事件名",function=(){	},true/flase)

键盘事件：
	onkeyup 键盘弹起触发
	onkeydown 键盘按下
	onkeypress 键盘按下有值键时触发
	对于无值的键ctrl shift alt这些键不触发
	对于有值的键先触发keydown再触发keypress



 -->
</head>
<body>
	<input type="text" placeholder="随便写点啥" id="username">
	 <input type="checkbox" id="">

	<button>神奇的按钮</button>
	<p></p>
	
</body>
<script type="text/javascript">
// console.log(window.keyboardEvent);
// console.log(window.onkeypress);
var btn = document.getElementsByTagName("button")[0];
var p = document.getElementsByTagName("p")[0];
btn.addEventListener("click",function(){
	p.innerText = "张大大";
	console.log(p)
})


//获取input元素
// var input = document.getElementById("username");
// var btn = document.getElementsByTagName("button")[0];
// btn.onkeydown = function(){
// 	alert("新美味猪头代言")
// 	input.value = "自由美利坚，枪战每一天";
// }
// btn.onkeyup = function(){
// 	alert("新美味猪头代言1")
// 	input.value = "圣诞节还没到打了2000多场枪战"
// }
// btn.onkeypress = function(){
// 	alert("新美味猪头代言2")
// 	input.value = "抛妻狂魔——刘某人"
// }
// btn.addEventListener("click",function(){
// 	alert("三岁小爪拿")
// })
// document.onkeydown = function(){
// 	var ev=ev||window.event
// }
// document.onkeydown = function(){
// 	var ev = ev||window.event;
// 	console.log(ev.keyCode);
// }

</script>
</html>